const file = '近四季度信号灯数量及联网情况';
const fontSize = 36;
const barWidth = 90;
const option = {
    backgroundColor: '#fff',
    grid: {
        top: 140,
        bottom: 160,
        left: '8%',
        right: '10%',
    },
    legend: {
        data: [{
            'name': '信号灯数量', itemStyle: {
                color: '#91cc75'
            }
        }, {
            'name': '联网率', itemStyle: {
                color: '#fac858'
            }
        }],
        textStyle: {
            fontSize: 56
        },
        itemWidth:56*1.8,
        itemHeight:48,
        bottom: 20
    },
    xAxis: [
        {
            type: 'category',
            data: ['2024年第四季度', '2025年第一季度', '2025年第二季度', '2025年第三季度'],
            axisLabel: {
                fontSize: fontSize
            }
        }
    ],
    yAxis: [
        {
            type: 'value',
            name: '',
            min: 3500,
            max: 4000,
            interval: 100,
            axisLabel: {
                fontSize: fontSize
            }
        },
        {
            type: 'value',
            name: '',
            splitLine: {
                show: false
            },
            min: 90.00,
            max: 100.00,
            interval: 1.00,
            axisLabel: {
                fontSize: fontSize,
                formatter: function (value) {
                    // 对value进行字符串处理，保留小数点后的0
                    return value.toFixed(1) + '%';
                }
            }
        }
    ],
    series: [
        {
            name: '信号灯数量',
            type: 'bar',
            data: [
                {
                    value: 3606,
                    itemStyle: {
                        color: "#91cc75"
                    }
                }, {
                    value: 3681,
                    itemStyle: {
                        color: "#91cc75"
                    }
                }, {
                    value: 3758,
                    itemStyle: {
                        color: "#91cc75"
                    }
                },
                {
                    value: 3850,
                    itemStyle: {
                        color: "#91cc75"
                    }
                }
            ],
            label: {
                show: true,
                position: 'inside',
                fontSize: fontSize,
                color: '#fff'
            },
            barWidth: barWidth,
            itemStyle: {
                borderRadius: [10, 10, 0, 0]
            },
        },
        {
            name: '联网率',
            type: 'line',
            yAxisIndex: 1,
            data: [
                99.50, 99.5, 99.6, 99.6
            ],
            label: {
                show: true,
                position: 'top',
                offset: [0, -10],
                fontSize: fontSize,
                formatter: function (params) {
                    // 对value进行字符串处理，保留小数点后的0
                    return params.value.toFixed(1) + '%';
                }
            },
            color: '#fac858',
            symbol: 'circle',
            symbolSize: 36,
            lineStyle: {
                width: 14,
                color: '#fac858'
            },
            itemStyle: {
                color: "#fac858"
            }
        }
    ]
};